﻿<!DOCTYPE html>
<html>
  <head>
    <title>4.2 实时天气状况</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/4_2_实时天气状况/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/4_2_实时天气状况/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组 合) -->
      <div id="u1391" class="ax_default" data-left="45" data-top="88" data-width="376" data-height="646">

        <!-- Rectangle (矩形) -->
        <div id="u1392" class="ax_default _形状" data-label="Rectangle">
          <div id="u1392_div" class=""></div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u1393" class="ax_default" data-left="45" data-top="88" data-width="376" data-height="39">

          <!-- Unnamed (矩形) -->
          <div id="u1394" class="ax_default _形状">
            <div id="u1394_div" class=""></div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u1395" class="ax_default" data-left="52" data-top="103" data-width="46" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u1396" class="ax_default _形状">
              <img id="u1396_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1397" class="ax_default _形状">
              <img id="u1397_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1398" class="ax_default _形状">
              <img id="u1398_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1399" class="ax_default _形状">
              <img id="u1399_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1400" class="ax_default _形状">
              <img id="u1400_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u1401" class="ax_default" data-left="51" data-top="99" data-width="363" data-height="17">

            <!-- Unnamed (形状) -->
            <div id="u1402" class="ax_default icon">
              <img id="u1402_img" class="img " src="images/1_1闹钟设定/u156.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1403" class="ax_default _形状">
              <div id="u1403_div" class=""></div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u1404" class="ax_default icon">
              <img id="u1404_img" class="img " src="images/1_1闹钟设定/u158.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1405" class="ax_default _形状">
              <div id="u1405_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1406" class="ax_default _形状">
              <div id="u1406_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1407" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1407_div" class=""></div>
          <div id="u1407_text" class="text ">
            <p><span>中国移动</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1408" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1408_div" class=""></div>
          <div id="u1408_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1409" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1409_div" class=""></div>
          <div id="u1409_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1410" class="ax_default" data-left="45" data-top="127" data-width="376" data-height="51">

        <!-- Rectangle (矩形) -->
        <div id="u1411" class="ax_default _形状" data-label="Rectangle">
          <div id="u1411_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1412" class="ax_default _二级标题">
        <div id="u1412_div" class=""></div>
        <div id="u1412_text" class="text ">
          <p><span>实时天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1413" class="ax_default box_3">
        <div id="u1413_div" class=""></div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1414" class="ax_default ellipse">
        <img id="u1414_img" class="img " src="images/1_1闹钟设定/u187.png"/>
        <div id="u1414_text" class="text ">
          <p><span>学生模式</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1415" class="ax_default ellipse">
        <img id="u1415_img" class="img " src="images/4_1_地区设置/u1307.png"/>
        <div id="u1415_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1416" class="ax_default ellipse">
        <img id="u1416_img" class="img " src="images/1_1闹钟设定/u187.png"/>
        <div id="u1416_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1417" class="ax_default _二级标题">
        <div id="u1417_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1418" class="ax_default icon">
        <img id="u1418_img" class="img " src="images/4_1_地区设置/u1380.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1419" class="ax_default _三级标题">
        <div id="u1419_div" class=""></div>
        <div id="u1419_text" class="text ">
          <p><span>从化区</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1420" class="ax_default label">
        <div id="u1420_div" class=""></div>
        <div id="u1420_text" class="text ">
          <p><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">广东省</span><span style="font-family:'ArialMT', 'Arial';"> </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">广州市</span><span style="font-family:'ArialMT', 'Arial';"> </span><span style="font-family:'PingFangSC-Regular', 'PingFang SC';">从化区</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1421" class="ax_default icon">
        <img id="u1421_img" class="img " src="images/4_1_地区设置/u1383.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1422" class="ax_default _二级标题">
        <div id="u1422_div" class=""></div>
        <div id="u1422_text" class="text ">
          <p><span>编辑列表</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1423" class="ax_default _连接线">
        <img id="u1423_seg0" class="img " src="images/4_2_实时天气状况/u1423_seg0.png" alt="u1423_seg0"/>
        <img id="u1423_seg1" class="img " src="images/4_1_地区设置/u1385_seg1.png" alt="u1423_seg1"/>
        <div id="u1423_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u1424" class="ax_default image">
        <img id="u1424_img" class="img " src="images/1_1闹钟设定/u240.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u1425" class="ax_default _文本段落" data-label="Header 2">
        <div id="u1425_div" class=""></div>
        <div id="u1425_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1426" class="ax_default _二级标题">
        <div id="u1426_div" class=""></div>
        <div id="u1426_text" class="text ">
          <p><span>实时天气-地区设置</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1427" class="ax_default icon">
        <img id="u1427_img" class="img " src="images/2_1_其他闹钟页面/u942.png"/>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1428" class="ax_default" data-left="531" data-top="88" data-width="376" data-height="646">

        <!-- Rectangle (矩形) -->
        <div id="u1429" class="ax_default _形状" data-label="Rectangle">
          <div id="u1429_div" class=""></div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u1430" class="ax_default" data-left="531" data-top="88" data-width="376" data-height="39">

          <!-- Unnamed (矩形) -->
          <div id="u1431" class="ax_default _形状">
            <div id="u1431_div" class=""></div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u1432" class="ax_default" data-left="538" data-top="103" data-width="46" data-height="8">

            <!-- Unnamed (矩形) -->
            <div id="u1433" class="ax_default _形状">
              <img id="u1433_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1434" class="ax_default _形状">
              <img id="u1434_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1435" class="ax_default _形状">
              <img id="u1435_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1436" class="ax_default _形状">
              <img id="u1436_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1437" class="ax_default _形状">
              <img id="u1437_img" class="img " src="images/1_1闹钟设定/u150.png"/>
            </div>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u1438" class="ax_default" data-left="537" data-top="99" data-width="363" data-height="17">

            <!-- Unnamed (形状) -->
            <div id="u1439" class="ax_default icon">
              <img id="u1439_img" class="img " src="images/1_1闹钟设定/u156.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1440" class="ax_default _形状">
              <div id="u1440_div" class=""></div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u1441" class="ax_default icon">
              <img id="u1441_img" class="img " src="images/1_1闹钟设定/u158.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1442" class="ax_default _形状">
              <div id="u1442_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u1443" class="ax_default _形状">
              <div id="u1443_div" class=""></div>
            </div>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1444" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1444_div" class=""></div>
          <div id="u1444_text" class="text ">
            <p><span>中国移动</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1445" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1445_div" class=""></div>
          <div id="u1445_text" class="text ">
            <p><span>10:30 PM</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u1446" class="ax_default _文本段落" data-label="Header 2">
          <div id="u1446_div" class=""></div>
          <div id="u1446_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1447" class="ax_default" data-left="531" data-top="127" data-width="376" data-height="51">

        <!-- Rectangle (矩形) -->
        <div id="u1448" class="ax_default _形状" data-label="Rectangle">
          <div id="u1448_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1449" class="ax_default _二级标题">
        <div id="u1449_div" class=""></div>
        <div id="u1449_text" class="text ">
          <p><span>实时天气</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1450" class="ax_default _二级标题">
        <div id="u1450_div" class=""></div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1451" class="ax_default icon">
        <img id="u1451_img" class="img " src="images/2_1_其他闹钟页面/u942.png"/>
      </div>

      <!-- Unnamed (椭圆形) -->
      <div id="u1452" class="ax_default ellipse">
        <img id="u1452_img" class="img " src="images/4_2_实时天气状况/u1452.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1453" class="ax_default _一级标题">
        <div id="u1453_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1454" class="ax_default _一级标题">
        <div id="u1454_div" class=""></div>
        <div id="u1454_text" class="text ">
          <p><span>从化区</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1455" class="ax_default icon">
        <img id="u1455_img" class="img " src="images/4_2_实时天气状况/u1455.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1456" class="ax_default _三级标题">
        <div id="u1456_div" class=""></div>
        <div id="u1456_text" class="text ">
          <p><span>多云</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1457" class="ax_default _一级标题">
        <div id="u1457_div" class=""></div>
        <div id="u1457_text" class="text ">
          <p><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">21</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1458" class="ax_default _三级标题">
        <div id="u1458_div" class=""></div>
        <div id="u1458_text" class="text ">
          <p><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">明天</span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">&nbsp; </span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">多云&nbsp; 20-</span><span style="font-family:'Arial-BoldMT', 'Arial Bold', 'Arial';font-weight:700;">23</span><span style="font-family:'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';font-weight:650;">度</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1459" class="ax_default icon">
        <img id="u1459_img" class="img " src="images/4_2_实时天气状况/u1459.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1460" class="ax_default _二级标题">
        <div id="u1460_div" class=""></div>
        <div id="u1460_text" class="text ">
          <p><span>实时天气-实时天气状况</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1461" class="ax_default _二级标题">
        <div id="u1461_div" class=""></div>
        <div id="u1461_text" class="text ">
          <p><span>实时天气-实时天气状况</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1462" class="ax_default box_1">
        <img id="u1462_img" class="img " src="images/4_1_地区设置/u1389.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1463" class="ax_default _文本段落">
        <div id="u1463_div" class=""></div>
        <div id="u1463_text" class="text ">
          <p><span>1.点击“已选择的地区”进入【实时天气-实天气状况】页面</span></p><p><span><br></span></p><p><span>2.页面显示已选择地区当前温度和气候状态</span></p><p><span><br></span></p><p><span>3.右下角显示明天当前时间的温度和气候状况</span></p><p><span><br></span></p><p><span>4.用户从页面底部上滑跳转至【实时天气-相关天气详情】页面，包括未来24小时情况和后五天天气情况</span></p><p><span><br></span></p><p><span>5.点击“左箭头”标示，跳转至【1.1闹钟-首页】页面</span></p><p><span><br></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
